<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/map.css">
    <link rel="stylesheet" href="./css/GIS.css">
    <script src="./js/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script>
    <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=7Cc5Kmn672miPzG4qQhvlOrERcXMMinq"></script>
    <script src="https://cdn.jsdelivr.net/npm/qs@6.10.1/dist/qs.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="./js/axiosPretreatment.js"></script>
</head>
<body>
    <header>
        <nav>
            <h1>渔业资源管理系统</h1>
            <ul>
            <li><a href="./GIS.html">GIS控制台</a></li>
            <li><a href="./scheduledTask/allPlan.html">计划任务管理</a></li>
            <li><a href="./producter/producter.html">生产主体库</a></li>
            <li><a href="./nameManage.html">命名管理</a></li>
            <li><a href="./baseInfo/administration.html">基础信息管理</a></li>
            <li><a href="./management/organization.html">系统管理</a></li>
            </ul>
            <div id="userInfo">
                <img src="" alt="">
                <p>区级信息员:<span>admin</span><i class="iconfont">&#xe600</i></p>
                <ul>
                    <li>个人信息</li>
                    <li>修改头像</li>
                    <li>修改密码</li>
                    <li>切换到种植系统</li>
                    <li>退出</li>
                    <li>清楚系统缓存</li>
                </ul>
            </div>
        </nav>
    </header>

    <main>
        <div class="mainLeftWeaper">
            <div class="mainLeft">
                <header>
                    <ul>
                        <li>采集中</li>
                        <li>已到期</li>
                        <li>数据查看</li>
                    </ul>
                    <div class="header-line">
                        <p></p>
                    </div>
                </header>
                <div class="ul-wrap">
                    <ul class="dated">
                        <li>    
                            <h3>
                                <button>选择</button>
                                <span>里水镇采集01</span>
                            </h3>
                            <p>
                                <span>任务开始时间:</span>
                                <span>2021-08-22 00:00:00</span>
                            </p>
                            <p>
                                <span>任务结束时间:</span>
                                <span>2021-08-23 00:00:00</span>
                            </p>
                            <div>
                                <button>采集区域</button>
                                <button>采集要求</button>
                                <button>执行情况</button>
                                <button>数据清单</button>
                            </div>
                            <div class="data-detail">
                                <p>
                                    <span>图斑总数:</span>
                                    <span>237</span>
                                </p>
                                <p>
                                    <span>已审核:</span>
                                    <span>1</span>
                                </p>
                                <p>
                                    <span>已采集:</span>
                                    <span>15</span>
                                </p>
                                <p>
                                    <span>未采集:</span>
                                    <span>222</span>
                                </p>
                            </div>
                        </li>
                        <li>    
                            <h3>
                                <button>选择</button>
                                <span>里水镇采集01</span>
                            </h3>
                            <p>
                                <span>任务开始时间:</span>
                                <span>2021-08-22 00:00:00</span>
                            </p>
                            <p>
                                <span>任务结束时间:</span>
                                <span>2021-08-23 00:00:00</span>
                            </p>
                            <div>
                                <button>采集区域</button>
                                <button>采集要求</button>
                                <button>执行情况</button>
                                <button>数据清单</button>
                            </div>
                            <div class="data-detail">
                                <p>
                                    <span>图斑总数:</span>
                                    <span>237</span>
                                </p>
                                <p>
                                    <span>已审核:</span>
                                    <span>1</span>
                                </p>
                                <p>
                                    <span>已采集:</span>
                                    <span>15</span>
                                </p>
                                <p>
                                    <span>未采集:</span>
                                    <span>222</span>
                                </p>
                            </div>
                        </li>
                        <li>    
                            <h3>
                                <button>选择</button>
                                <span>里水镇采集01</span>
                            </h3>
                            <p>
                                <span>任务开始时间:</span>
                                <span>2021-08-22 00:00:00</span>
                            </p>
                            <p>
                                <span>任务结束时间:</span>
                                <span>2021-08-23 00:00:00</span>
                            </p>
                            <div>
                                <button>采集区域</button>
                                <button>采集要求</button>
                                <button>执行情况</button>
                                <button>数据清单</button>
                            </div>
                            <div class="data-detail">
                                <p>
                                    <span>图斑总数:</span>
                                    <span>237</span>
                                </p>
                                <p>
                                    <span>已审核:</span>
                                    <span>1</span>
                                </p>
                                <p>
                                    <span>已采集:</span>
                                    <span>15</span>
                                </p>
                                <p>
                                    <span>未采集:</span>
                                    <span>222</span>
                                </p>
                            </div>
                        </li>
                        <li>    
                            <h3>
                                <button>选择</button>
                                <span>里水镇采集01</span>
                            </h3>
                            <p>
                                <span>任务开始时间:</span>
                                <span>2021-08-22 00:00:00</span>
                            </p>
                            <p>
                                <span>任务结束时间:</span>
                                <span>2021-08-23 00:00:00</span>
                            </p>
                            <div>
                                <button>采集区域</button>
                                <button>采集要求</button>
                                <button>执行情况</button>
                                <button>数据清单</button>
                            </div>
                            <div class="data-detail">
                                <p>
                                    <span>图斑总数:</span>
                                    <span>237</span>
                                </p>
                                <p>
                                    <span>已审核:</span>
                                    <span>1</span>
                                </p>
                                <p>
                                    <span>已采集:</span>
                                    <span>15</span>
                                </p>
                                <p>
                                    <span>未采集:</span>
                                    <span>222</span>
                                </p>
                            </div>
                        </li>
                    </ul> 
                    <ul class="pieWeaper">
                        <li>
                            <div id="container-num" style= "height:270px;"></div>
                        </li>
                        <li>
                            <div id="container-area" style= "height:270px;"></div>
                        </li>
                        <li>
                            <div id="container-part" style= "height:270px;"></div>
                        </li>
                        <li>
                            <div id="container-place" style= "height:270px;"></div>
                        </li>
                    </ul>
                </div>
  
            </div>
        </div>
        
        <div class="mainRight">
            <header>
                <ul>
                    <li class="iconfont">区镇及管理员/创建任务计划 &#xe60d </li>
                    <li class="iconfont">&#xe602任务执行/数据标注/村居采集，镇/街区支持录入 &#xe60d</li>
                    <li class="iconfont">&#xe61a 任务数据查看/审核/镇街审核/区支持审核</li>
                </ul>
            </header>
            
                <div id="container"></div>
         
        </div>
    </main>
    <script src="./js/dataCall.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/GIS.js"></script>
    <script src="./js/pie/pieNum.js"></script>
    <script src="./js/pie/pieArea.js"></script>
    <script src="./js/pie/piePart.js"></script>
    <script src="./js/pie/piePlace.js"></script>
    <script src="./js/map.js"></script>

</body>
</html>